<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/bannerList.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bannerList.js"></script>
	<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
		ul{
			list-style: none;
		}
	</style>
</head>
<body>
	<div class="banner">
		<ul class="">
			<li><a href=""><img src="image/1.jpg"></a></li>
			<li><a href=""><img src="image/2.jpg"></a></li>
			<li><a href=""><img src="image/3.jpg"></a></li>
			<li><a href=""><img src="image/4.jpg"></a></li>
		</ul>
		<div class="left-btn"></div>
        <div class="right-btn"></div>
        <div class="img-btn-list"></div>
	</div>
</body>
</html>
<script>
        /*=======================
调用方法：
 传递参数方法如下：
 对象1：banner最大容器====================必填
 对象2：banner======>按钮父容器============必填
 对象3，4：banner====>左右按钮对象名===========必填
 对象5：banner滚动时间==================>可选项=======>默认为2000
 对象6：是否需要自动轮播需要==========true============不需要false:必填
=============================*/


bannerListFn(
    $(".banner"),
    $(".img-btn-list"),
    $(".left-btn"),
    $(".right-btn"),
    4000,
    true
);
    </script>